<template>
	<view class="all">
		<view class="body"
		 @click="submit(item,index)"
		 v-for="(item,index) in 4">
			<view class="body_1" :style="{
				'background-image':'url(' +'https://s4.ax1x.com/2022/01/23/74Omff.png'+ ')',
			}">
				<image :src="require('@/static/img/zb.png')"
					style="min-width:72rpx ;width:72rpx;height: 30rpx;margin: 20rpx 0 0 20rpx;" />
				<image :src="require('@/static/img/zl.png')"
					style="min-width:72rpx ;width:72rpx;height: 30rpx;margin: 20rpx 0 0 20rpx;" />
				<image :src="require('@/static/img/sp.png')"
					style="min-width:72rpx ;width:75rpx;height: 30rpx;margin: 20rpx 0 0 20rpx;" />
				<image :src="require('@/static/img/xxk.png')"
					style="min-width:72rpx ;width:72rpx;height: 30rpx;margin: 20rpx 0 0 20rpx;" />
			</view>
			<view class="body_2 ">
				<text>精品幼教课程《戴鹿角帽的罗杰》</text>
				<text class="body_21 ">幼儿教育最考研教室的就是课堂纪律，如果课堂纪律不好，孩子们会相互影响，且家长会认为老师不负责任...家长会认为老师不负责任..家长会认为老师不负责任..家长会认为老师不负责任..家长会认为老师不负责任..</text>
				<view class="body2_2_3 mybox">
					<text><label style="color: #FF2424">124</label>人已学习</text>
					<image :src="require('@/static/img/bm2.png')"
						style="width:160rpx ;height: 58rpx;margin-right: 20rpx;" />
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods:{
			submit(a,b){
				
				if(b==0){
					// 专栏
					uni.navigateTo({
						url:'/pages/specialcolumn/xiangqing'
					})
				}else if(b==1){
					// 视频
					uni.navigateTo({
						url:'/pages/Boutique/details'
					})
				}else if(b==2){
					// 直播
					uni.navigateTo({
						url:'/pages/previewdetails/lookback?type=1'
					})
				}else if(b==3){
					// 线下课
					uni.navigateTo({
						url:'/pages/index/xianxiake/xiangqing?type=1'
					})
				}
			}
		}
	}
</script>

<style lang="scss">
	.mybox{
		display: flex;
		justify-content: space-between;
	}
	.all {
		padding: 20rpx;

		.body {
			margin-bottom: 30rpx;

			.body_2 {
				.body_21 {
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
				}

				width: 100%;

				text {
					display: block;
				}

				text:nth-of-type(1) {
					margin-top: 10rpx;
					font-size: 32rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #131314;
					opacity: 1;
				}

				text:nth-of-type(2) {
					margin: 10rpx 0 10rpx 0;
					font-size: 28rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #131314;
					opacity: 1;
				}

				.body2_2_3 {
					text:nth-of-type(1) {
						font-size: 24rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						line-height: 33px;
						color: #131314;
						opacity: 1;
					}
				}
			}

			.body_1 {
				width: 100%;
				background-size: 100%;
				background-repeat: no-repeat;
				height: 280rpx;
			}
		}
	}
</style>
